<template>
  <div class="myzc4">
      <b>工具与服务</b>
      <div class="myzc4-1">
           <div class="zc4-1">
               <span class="iconfont icon-gift"></span>
               <span>门店订单</span>
           </div>
           <div class="zc4-1">
               <span class="iconfont icon-time"></span>
               <span>申请返现</span>
           </div>
           <div class="zc4-1">
               <span class="iconfont icon-sugar"></span>
               <span>优惠券</span>
           </div>
           <div class="zc4-1">
               <span class="iconfont icon-chat"></span>
               <span>我的评价</span>
           </div>
           <div class="zc4-1">
               <span class="iconfont icon-like"></span>
               <span>我的拼团</span>
           </div>
           <div class="zc4-1">
               <span class="iconfont icon-assets"></span>
               <span>申请退订</span>
           </div>
           <div class="zc4-1">
               <span class="iconfont icon-emotion"></span>
               <span>我的红包</span>
           </div>
      </div>
  </div>
</template>

<script>
export default {

}
</script>

<style scoped>
   .myzc4-1{
        display: flex;
       height: 1.5rem;
       text-align: center;
       flex-wrap: wrap;
       background-color: white;
       margin-top: .2rem;
   }
    .myzc4{
        margin-top: .3rem;
        padding: 0 .1rem;
    }
    b{
     font-size: .18rem;
   }
   .zc4-1{
        display: flex;
        flex-direction: column;
       flex-wrap: wrap;
       width: .7rem;
       height: .749rem;   
   }
   span{
       font-size: .12rem;
   }
   .iconfont{
       font-size: .5rem;
   }
</style>